﻿body {
  font-size: 16px;
  line-height: 1.6;
  word-wrap: break-word;
  font-family: -apple-system-font, "Helvetica Neue", "Roboto", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-backface-visibility: hidden;
  -webkit-user-drag: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
* {
  margin: 0;
  padding: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a img {
  border: 0;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #646464;
}
p,ol,ul,li{list-style:none}
.filterBlur {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.color-blue {
  background-color: #34b7f7;
}
.color-green {
  background-color: #65c730;
}
.color-orange {
  background-color: #ff6966;
}
.color-yellow {
  background-color: #f0dd3a;
}
.t-line {
  position: relative;
}
.t-line:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 0;
  transform: scaleY(0.501);
}
.r-line {
  position: relative;
}
.r-line:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  border-right: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 100% 0;
  transform: scaleX(0.5);
}
.b-line {
  position: relative;
}
.b-line:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.l-line {
  position: relative;
}
.l-line:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  border-left: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 0;
  transform: scaleX(0.501);
}
.box-line {
  position: relative;
}
.box-line:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid rgba(207, 207, 207, 0.95);
  border-radius: 0;
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 0;
  transform: scale(0.501);
}
.fullSize {
  width: 100%;
  height: 100%;
}
.devider {
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  min-height: 10px;
  background: #f5f5f5;
}
.activated {
  background: #d9d9d9;
}
.flexBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.itemCenter {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.contentCenter {
  -webkit-justify-content: center;
  justify-content: center;
}
html {
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.layout-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.layout-column .col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  position: relative;
  height: 100%;
  text-align: center;
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.row .col {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.toolbar {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  padding: 6px;
  min-height: 44px;
}
.header-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.header-background:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -0.03rem;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(177, 177, 177, 0.95);
  color: rgba(177, 177, 177, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}
.header.home-header .header-background {
  opacity: 0;
}
.header .header-title {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  order: 4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
  align-items: center;
  padding: 1px 80px 0 80px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  color: #333333;
}
.header .title {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header .bar-button {
  position: relative;
  z-index: 1;
  display: block;
  width: 56px;
  height: 10px;
  line-height: 80px;
  font-size: 17px;
  border: none;
  box-shadow: none;
  background: none;
}
.header .icon-back {
  margin: 0;
  width: 32px;
  height: 32px;
  background-position: left center;
}
.header .txt-button {
  -webkit-order: 4;
  order: 4;
  font-weight: 400;
  color: #3598dc;
}
.header .current-city {
  padding-right: 20px;
  font-weight: 400;
  font-size: 13px;
  color:#F00;
}
.header .current-city .icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
}
.header .current-city .txt-city {
  display: block;
  height: 32px;
}
.header .icon-button {
  width: 32px;
}
.header .header-weather {
  display: -webkit-inline-flex;
  display: inline-flex;
  flex: 1;
  padding: 0 40px 0 60px;
  font-size: 13px;
  color: #ffffff;
}
.header .icon-weather {
  margin-top: -2px;
}
.header .txt-weather {
  display: flex;
  white-space: nowrap;
  margin: 0 auto;
  height: 25px;
  line-height: 25px;
}
.header .cached {
  display: none;
}
.ios .header-background {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background: rgba(255, 255, 255, 0.8);
}
.ios .statusbar-padding {
  padding-top: 26px;
  height: 64px;
}
.ios .header-title {
  padding-top: 21px;
}
.ios .pane .content {
  padding-top: 64px;
}
.android .header-background {
  background: #f5f5f5;
}
.android .statusbar-padding {
  height: 44px;
}
.android .pane .content {
  padding-top: 44px;
}
.view-container {
 
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: #ffffff;
}
.scroll-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.pane {
  z-index: 5;
}
.pane.cached {
  display: none;
}
/* Home */
.home-inform {
  display: -webkit-flex;
  display: flex;
  height: 44px;
  position: relative;
  padding: 4px 15px;
  -webkit-align-items: center;
  align-items: center;
}
.home-inform:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.home-inform .name {
  width: 70px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  color: #333;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100%;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.home-inform span {
  flex: 5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #8d8d8d;
}
.home-shortcut,
.my-car-shortcut {
  position: relative;
  padding: 2px 5px;
}
.home-shortcut:before,

.my-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 15px;
  background-color: #ff480a;
  text-align:center;
  font-weight:bold;
  
}

.car-title .car-logo img {
  display: block;
  width: 110px;
  color: #333;
}
.my-v {
  position: absolute;
  top: 8%;
  left:50%;
  width: 150px;
  height: 24px;
  line-height: 24px;
  margin: 0 0 0 -70px;
  display:block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size:20px;
  font-weight:600;
  color:#FFF;

 
  }
.my-info {
  position: relative;
  overflow: hidden;
}
.my-info .my-avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 98px;
  height: 98px;
  margin: -70px 0 0 -49px;
  border-radius: 50%;
  border: solid 4px rgba(255, 255, 255, 0.5);
}
.my-info .name {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 20px;
  margin: 40px 0 0 -100px;
  text-align: center;
  color: #fff;
}
.my-info .my-vip {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 260px;
  height: 24px;
  line-height: 24px;
  margin: 70px 0 0 -130px;
  padding: 0 4px;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
}
.my-info-background {
  width: 100%;
  min-height: 280px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.my-car-shortcut {
  padding: 15px;
}
.tem-pic {
  position: relative;
}
.tem-pic img {
  display: block;
  width: 100%;
}
.button {
  position: relative;
  display: block;
  border: none;
  padding: 0 14px;
  font-size: 18px;
  text-align: center;
}
.form-submit {
  width: 80%;
  position: relative;
  display: block;
  border: none;
  padding: 0 14px;
  font-size: 18px;
  text-align: center;
  margin: 0 auto;
  height: 43px;
  color: #fff;
  background: #3598dc;
}
.list {
  position: relative;
}
.list .item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 44px;
}
.list .item:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 0;
  transform: scaleY(0.501);
}
.list .item .item-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 15px;
  width: 100%;
  font-size: 15px;
}
.list .item .item-inner {
  padding: 0 15px;
  width: 100%;
  font-size: 15px;
}
.list .item .item-inner .name {
  display: block;
  height: 44px;
  line-height: 44px;
}
/*

.item {
	position: relative;
	padding: 0 15px;
	display: flex;
	overflow: hidden;
	align-content: center;
	justify-content: space-between;
	.thumbnail {
		margin: 0 15px 0 0;
		img {
			max-width: 5.6rem;
			max-height: 5.6rem;
		}
	}
}

.item-inner {
	display: flex;
	flex: 1;
	align-self: stretch;
}
.label {
	display: block;
	overflow: hidden;
	flex: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	h2 {
		font-size: 16px;
		font-weight: 400;
	}
	p {
		font-size: 13px;
		span {
			display: block;
		}
	}
	.txt-price {
		color:#e84c3d;
		font-size: 17px;
		i {
			font-style: normal;
			font-size: 11px;
		}
	}
}
*/
.m-panel {
  position: relative;
}
.m-panel:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 0;
  transform: scaleY(0.501);
}
.m-panel .panel-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: center;
  align-self: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 44px;
  padding: 4px 15px;
  font-size: 13px;
}
.m-panel .panel-header:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.m-panel .panel-header .panel-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-weight: 500;
}
.m-panel .panel-header .panel-title-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: center;
  align-self: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
}
.m-panel .panel-header .panel-title-right .icon {
  margin-right: -8px;
  width: 25px;
  height: 32px;
}
.m-panel .panel-content {
  position: relative;
}
.window .window-pic {
  background: rgba(0, 0, 0, 0.5);
}
.mask-background {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.mask-background.open {
  display: block;
}
.pop-window {
  display: none;
  position: fixed;
  z-index: 100;
  width: 100%;
  left: 0%;
  bottom: 0;
  background: #fff;
}
.pop-window .pop-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 44px;
}
.pop-window .pop-header:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.pop-window .pop-header .title {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 44px;
}
.pop-window .pop-header .pop-close {
  position: absolute;
  top: 6px;
  right: 10px;
  padding: 0;
  width: 32px;
  height: 32px;
}
.pop-window .pop-content {
  min-height: 240px;
}
.pop-window .pop-inner {
  height: 200px;
  overflow-y: auto;
}
.pop-window .open {
  display: block;
}
.item-product {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 15px;
}
.item-product:before {
  content: " ";
  position: absolute;
  left: 130px;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.item-product .thumbnail {
  width: 135px;
  margin-right: 10px;
}
.item-product .thumbnail img {
  width: 100%;
}
.item-product .product-inner {
  position: relative;
  width: 75%;
}
.item-product .product-inner .name {
  font-size: 16px;
  color: #333;
}
.item-product .product-inner .detail {
  overflow: hidden;
  width: 95%;
  font-size: 12px;
  color: #666;
}
.item-product .product-inner .price {
  font-size: 16px;
  color: #e84c3d;
}
.item-product .product-inner .icon-buy {
  position: absolute;
  right: 10px;
  bottom: 5px;
  width: 26px;
  height: 26px;
}
.item-product .product-inner .icon-buy img {
  width: 100%;
}
.item-grid {
  position: relative;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}
.item-grid .scroll-grid {
  font-size: 11px;
}
.item-grid .scroll-grid .grid-title {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100px;
  background: #f5f5f5;
}
.item-grid .scroll-grid .grid-title:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  border-right: 1px solid #cfcfcf;
  color: #cfcfcf;
  transform-origin: 100% 0;
  transform: scaleX(0.5);
}
.item-grid .scroll-grid .grid-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  overflow-x: scroll;
  padding-left: 100px;
}
.item-grid .scroll-grid .grid-col {
  position: relative;
  width: 100px;
}
.item-grid .scroll-grid .grid-col:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  border-right: 1px solid #cfcfcf;
  color: #cfcfcf;
  transform-origin: 100% 0;
  transform: scaleX(0.5);
}
.item-grid .scroll-grid .grid-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex: 1;
  width: 100px;
  height: 65px;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.item-grid .scroll-grid .grid-row:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #cfcfcf;
  color: #cfcfcf;
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.item-grid .scroll-grid .grid-row.title {
  height: 40px;
  overflow: inherit;
  background: #f5f5f5;
}
.item-grid .scroll-grid .grid-row.title .title-inner {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.item-grid .scroll-grid .grid-row.title .title-inner:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #cfcfcf;
  color: #cfcfcf;
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.item-grid .scroll-grid .price {
  color: #e95d50;
}
.item-waterfall {
  display: block;
  padding: 0 15px 0 15px;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 200px;
}
.item-waterfall img {
  display: block;
  width: 100%;
  height: 100%;
}
.item-waterfall .item-inner {
  position: absolute;
  padding: 0 1px;
  margin-bottom: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.333333%;
}
.item-waterfall .item-inner img {
  display: block;
}
.item-tc {
  display: block;
  position: relative;
  padding: 0 15px 0 15px;
}
.item-tc img {
  display: block;
  width: 100%;
  height: 100%;
}
.item-tc .item-picture .thumbnail {
  padding: 0 14%;
}
.item-tc .item-picture .name {
  display: block;
  text-align: center;
  font-size: 11px;
  color: #333;
}
.item-tc .item-color {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 40px;
}
.item-tc .item-color .btn-color {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 6px;
  border-radius: 50%;
  background: #ccc;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 1px;
}
.item-tc .item-color .btn-color:after {
  position: absolute;
  top: -28%;
  right: -28%;
  content: " ";
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
}
.item-tc .item-color .btn-color:before {
  border-radius: 50%;
}
.item-tc .item-color .btn-color.cached {
  display: block;
}
.item-tc .item-color .btn-color.active {
  width: 24px;
  height: 24px;
  margin: 0 4px;
}
.item-tnd {
  display: block;
  position: relative;
  padding: 20px;
}
.item-tnd img {
  display: block;
  width: 100%;
  height: 100%;
}
.item-tnd .thumbnail {
  margin-bottom: 10px;
}
.item-tnd .name {
  display: block;
  font-size: 15px;
  color: #333;
}
.item-tnd .date {
  margin-top:10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
}
.dty_tit{ font-size:20px;}
.item-tnd .date1 {
  margin-top:10px;
   -webkit-align-items: center;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
  color:#999999;
}
.card_wrap{ 
  width: 90%;
  margin:30px auto;
  -webkit-align-items: center;
  align-items: center;
  line-height: 24px;
  font-size: 14px;
}
.item-tnd .date .kaoshi {
  color:#00F;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
}
.mt20{ margin-top:20px;}
.mt50{ margin-top:50px;}
.ml20{ margin-left:20px;}
.item-tnd .date .icon {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 12px;
  height: 12px;
}
.item-tnp {
  display: block;
  position: relative;
  padding: 20px 15px 20px 15px;
  font-size: 15px;
}
.item-tnp img {
  display: block;
  width: 100%;
  height: 100%;
}
.item-tnp .thumbnail {
  padding: 0 14%;
  margin-bottom: 10px;
}
.item-tnp .name {
  display: block;
  text-align: center;
  color: #333;
}
.item-tnp .price {
  display: block;
  text-align: center;
  color: #e84c3d;
}
input,
button,
select,
textarea {
  outline: none;
}
textarea {
  resize: none;
}
input {
  -webkit-appearance: textfield;
  background: none;
  -webkit-rtl-ordering: logical;
  user-select: text;
  cursor: auto;
  padding: 0;
  border: 0;
  font-size: 15px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
select {
  background: none;
  border: none;
  cursor: auto;
  font-size: 15px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.item .name {
  width: 110px;
}
.item .input {
  width: 100%;
  line-height: 24px;
  height: 24px;
}
.item .select {
  width: 100%;
  border: 0;
  line-height: 24px;
  height: 24px;
}
.item .textarea {
  width: 100%;
  height: 80px;
  padding: 5px;
  font-size: 15px;
}
.item .textarea:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 0;
  transform: scaleY(0.501);
}
.item .form-city {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 80px;
  padding: 0 10px;
  text-align: center;
  font-size: 15px;
}
.item .form-city .icon-select-down {
  width: 20px;
  height: 24px;
}
.radio-bar {
  width: 100px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.radio-bar .radio-button {
  position: absolute;
  top: -9999rem;
}
.radio-bar .icon-radio {
  display: inline-block;
  margin-right: 5px;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ddd;
}
.radio-bar .icon-radio.checked {
  position: relative;
  border-color: #3598dc;
}
.radio-bar .icon-radio.checked:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #3598dc;
}
.form-button {
  padding: 20px 0;
}
.linkage-bar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 44px;
  padding: 0 15px;
}
.linkage-bar:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.linkage-bar a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 100px;
  line-height: 32px;
  font-size: 15px;
}
.linkage-bar .icon {
  display: inline-block;
  margin: 0;
  height: 32px;
}
.select-list .list-item {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  text-align: center;
  line-height: 40px;
  font-size: 15px;
}
.tab-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: horizontal;
  flex-direction: horizontal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 49px;
  padding-top: 4px;
  color: #929292;
}
.ios .tab-bar,
.ios .nav-tabbar {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background: rgba(255, 255, 255, 0.8);
}
.android .tab-bar,
.android .nav-tabbar {
  background: #f5f5f5;
}
.tab-bottom {
  bottom: 0;
}
.tab-bottom:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -0.03rem;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(177, 177, 177, 0.95);
  color: rgba(177, 177, 177, 0.95);
  transform-origin: 0 0;
  transform: scaleY(0.501);
}
.tab-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  height: 100%;
  white-space: nowrap;
  font-weight: 400;
  font-size: 11px;
  text-overflow: ellipsis;
  text-align: center;
  color: inherit;
}
.tab-button .tab-button-icon {
  height: 26px;
  -webkit-background-size: 32px;
  background-size: 32px;
}
.tab-button .tab-button-icon.icon-drive {
 
  position: relative;
  z-index: 1;
  width: 46px;
  height: 46px;
  background-color: #fff;
  border: solid 3px #fff;
}
.active.tab-button {
  color: #ff480a;
}
.tab-content {
  padding-bottom: 49px;
}
.tab-content.cached {
  display: none;
}
.tab-content.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.nav-tab {
  position: relative;
  padding-top: 44px;
}
.nav-tab-content .active {
  display: block;
}
.nav-tab-content .cached {
  display: none;
}
.nav-tabbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: horizontal;
  flex-direction: horizontal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 44px;
  z-index: 1;
}
.nav-tabbar:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.nav-tabbar .tab-button {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  align-items: center;
  -webkit-aligin-self: center;
  align-self: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  white-space: nowrap;
  text-align: center;
  line-height: 44px;
  font-size: 13px;
}
.nav-tabbar .tab-button:before {
  margin-top: -7px;
  height: 14px;
  content: " ";
  position: absolute;
  right: 0;
  top: 50%;
  bottom: 0;
  width: 1px;
  border-right: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 100% 0;
  transform: scaleX(0.5);
}
.nav-tabbar .tab-button:last-child:before {
  display: none;
}
.nav-tabbar .tab-button .icon {
  display: inline-block;
  margin: 0;
}
.nav-tabbar .active {
  display: -webkit-flex;
  display: flex;
  color: #3598dc;
}
.sub-bar .tab-button {
  color: #3598dc;
}
.slideBox {
  position: relative;
  overflow: hidden;
  /* 设置焦点图最大宽度 */
}
.slideBox .hd {
  position: absolute;
  height: 28px;
  line-height: 28px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.slideBox .hd ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.slideBox .hd li {
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  text-indent: -9999px;
  overflow: hidden;
  margin: 1px 6px;
}
.slideBox .hd li.on {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 1px solid #fff;
  margin: 0 6px;
}
.slideBox .bd {
  position: relative;
  z-index: 0;
}
.slideBox .bd li {
  position: relative;
  text-align: center;
}
.slideBox .bd li img {
  display: block;
  vertical-align: top;
  width: 100%;
  /* 图片宽度100%，达到自适应效果 */
}
.slideBox .bd li a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slideBox .bd li .tit {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  text-indent: 10px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  text-align: left;
}
.icon {
  display: block;
  margin: 0 auto;
  width: 25px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 32px;
  background-size: 32px;
}
.icon-weather {
  width: 25px;
  height: 25px;
  margin: 0 2px 0 0;
  -webkit-background-size: 25px;
  background-size: 25px;
}



.img-icon {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 26px;
  height: 26px;
  overflow: hidden;
}
.img-icon img {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}


.icon-date {
  -webkit-background-size: 12px;
  background-size: 12px;
  background-image: url(../images/time.png); background-repeat:no-repeat; background-position:left;
}
.icon-date-w {
  -webkit-background-size: 12px;
  background-size: 12px;
  background-image: url(../images/pic-time-w.png); background-repeat:no-repeat; background-position:left;
}






.icon-set {
  background-image: url(../images/icon5.png);

  background-size: 20px;
}
.aui-cell-s1 {
  background-image: url("../images/icon-png/ai-bj1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
  text-align: center;
  color: #fff;
  font-size: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-right: 10px;
}
.aui-cell-s2 {
  background-image: url("../images/icon-png/ai-bj2.jpg");
}
.aui-cell-s3 {
  background-image: url("../images/icon-png/ai-bj3.jpg");
  margin-right: 0;
}
body {
  color: #333 !important;
}
.panel-module .panel-title,
.panel-module-noborder .panel-title {
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.panel-module .panel-title .panel-title-left,
.panel-module-noborder .panel-title .panel-title-left {
  font-weight: 500;
  font-size: 13px;
  -webkit-flex: 1;
  flex: 1;
}
.panel-module .panel-title .panel-title-left em,
.panel-module-noborder .panel-title .panel-title-left em {
  font-size: 14px;
  color: #e84c3d;
}
.panel-module .panel-title .panel-title-right,
.panel-module-noborder .panel-title .panel-title-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 13px;
  text-align: right;
}
.panel-module .panel-title .panel-title-right img,
.panel-module-noborder .panel-title .panel-title-right img {
  width: 30px;
  height: 30px;
}
.panel-module .panel-title .panel-title-right .icon-list-r,
.panel-module-noborder .panel-title .panel-title-right .icon-list-r {
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: center;
  align-self: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 25px;
  margin-right: -10px;
}
.panel-module .panel-title:before,
.panel-module-noborder .panel-title:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 0;
  transform: scaleY(0.501);
}
.panel-module .panel-title:after,
.panel-module-noborder .panel-title:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.panel-module-noborder .panel-title {
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.panel-module-noborder .panel-title .panel-title-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.panel-module-noborder .panel-title .panel-title-right {
  text-align: right;
}
.panel-module-noborder .panel-title .panel-title-right img {
  width: 30px;
  height: 30px;
}
.panel-cont {
  position: relative;
  padding: 25px 15px;
  display: flex;
  width: 100%;
  overflow: hidden;
  align-content: center;
  justify-content: space-between;
}
.panel-cont:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.panel-cont .panel-cont-left {
  margin-right: 15px;
  line-height: 0;
}
.panel-cont .panel-cont-left img {
  width: 150px;
  height: 100px;
}
.panel-cont .panel-cont-right {
  display: block;
  flex: 1;
  position: relative;
}
.panel-cont .panel-cont-right h2 {
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.panel-cont .panel-cont-right h3 {
  font-size: 12px;
  color: #333333;
}
.panel-cont .panel-cont-right p {
  position: absolute;
  bottom: 0;
  left: 0;
}
.panel-cont .panel-cont-right p i img {
  width: 12px;
  height: 12px;
  margin: 0 5px -2px 0;
}
.panel-cont .panel-cont-right p b {
  font-size: 12px;
  font-weight: normal;
}
.panel-cont-finance {
  position: relative;
  padding: 10px 15px;
  display: flex;
  width: 100%;
  overflow: hidden;
  align-content: center;
  justify-content: space-between;
}
.panel-cont-finance:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.panel-cont-finance .panel-cont-left {
  margin-right: 10px;
  line-height: 0;
}
.panel-cont-finance .panel-cont-left img {
  width: 150px;
  height: 100px;
}
.panel-cont-finance .panel-cont-right {
  display: block;
  flex: 1;
  position: relative;
}
.panel-cont-finance .panel-cont-right h2 {
  font-size: 16px;
  font-weight: normal;
}
.panel-cont-finance .panel-cont-right h3 {
  font-size: 12px;
  margin-top: 10px;
  font-weight: normal;
  color: #333;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.panel-cont-finance .panel-cont-right p {
  position: absolute;
  bottom: 0;
  left: 0;
}
.panel-cont-finance .panel-cont-right p i img {
  width: 12px;
  height: 12px;
  margin: 0 5px -2px 0;
}
.panel-cont-finance .panel-cont-right p b {
  font-size: 12px;
  font-weight: normal;
}
.arrow-pub {
  content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-style: solid;
  position: relative;
  top: -2px;
  top: -1px;
  margin-left: .3em;
}
.div-arrow0:after {
  height: 10px;
  width: 10px;
  border-width: 2px 0 0 2px;
  border-color: #cfcfcf;
  content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-style: solid;
  position: relative;
  top: -2px;
  top: -1px;
  margin-left: .3em;
}
.div-arrow1:after {
  height: 10px;
  width: 10px;
  border-width: 2px 2px 0 0;
  border-color: #cfcfcf;
  content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-style: solid;
  position: relative;
  top: -2px;
  top: -1px;
  margin-left: .3em;
}
.div-arrow2:after {
  height: 10px;
  width: 10px;
  border-width: 0 2px 2px 0;
  border-color: #cfcfcf;
  content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-style: solid;
  position: relative;
  top: -2px;
  top: -1px;
  margin-left: .3em;
}
.div-arrow3:after {
  height: 10px;
  width: 10px;
  border-width: 0 0 2px 2px;
  border-color: #cfcfcf;
  content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-style: solid;
  position: relative;
  top: -2px;
  top: -1px;
  margin-left: .3em;
}
.danger-save {
  margin: 0 15px;
}
.danger-save a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.danger-save a .pic-text-module {
  border: 1px solid #cfcfcf;
  padding: 12px;
  display: flex;
}
.danger-save a .pic-text-module .pic-text-left {
  margin: 0 15px 0 0;
  line-height: 0;
}
.danger-save a .pic-text-module .pic-text-left img {
  width: 45px;
  height: 45px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.danger-save a .pic-text-module .pic-text-right h2 {
  font-size: 16px;
  font-weight: normal;
}
.danger-save a .pic-text-module .pic-text-right p {
  font-size: 14px;
  color: #999;
}
.show-address-cont {
  position: relative;
}
.show-address-cont:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 0;
  transform: scaleY(0.501);
}
.address-module {
  width: 100%;
  display: flex;
  padding: 20px 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.address-module:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.address-module .address-left {
  flex: 1;
}
.address-module .address-left h2 {
  font-size: 16px;
  font-weight: normal;
}
.address-module .address-left p {
  font-size: 14px;
  color: #999;
}
.address-module .address-right {
  width: 20%;
}
.address-module .address-right p {
  text-align: center;
}
.address-module .address-right p:nth-child(1) {
  margin-bottom: -7px;
}
.address-module .address-right p:nth-child(1) img {
  width: 18px;
  height: 25px;
}
.address-module .address-right p:nth-child(2) i {
  color: #3598dc;
}
.tel-module {
  width: 100%;
  display: flex;
  height: 44px;
  line-height: 44px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.tel-module:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.tel-module .tel-num {
  text-align: center;
  width: 50%;
  flex: 1;
  line-height: 44px;
  position: relative;
}
.tel-module .tel-num img {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  margin-left: -20px;
}
.tel-module .tel-num i {
  line-height: 30px;
  color: #3598dc;
}
.tel-module .tel-cut-zongxian {
  color: #999;
}
.tel-module .tel-make {
  text-align: center;
  width: 50%;
}
.tel-module .tel-make a {
  color: #fd605d;
}
.car-show {
  text-align: center;
  margin: 20px 15px 0;
}
.car-show p {
  line-height: 30px;
  font-size: 15px;
}
.car-show .car-pic {
  text-align: center;
}
.car-show .car-pic img {
  width: 80%;
}
.car-show .car-price {
  color: #fd605d;
}
.popup-contant {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  padding-top: 40px;
  color: #fff;
}
.popup-contant i,
.popup-contant b,
.popup-contant em {
  font-style: normal;
}
.popup-contant .popup-text-center {
  text-align: center;
}
.popup-contant .popup-show-pic img {
  width: 60%;
}
.popup-contant .popup-pic-title {
  margin: 10px;
  font-size: 20px;
  position: relative;
}
.popup-contant .popup-pic-title i {
  display: inline-block;
  width: 3px;
  height: 16px;
  background: #eabd07;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  margin-left: -7px;
}
.popup-contant .popup-text-cont {
  width: 80%;
  margin: 15px auto 10px;
}
.popup-contant .popup-text-price {
  margin-bottom: 10px;
}
.popup-contant .popup-text-price i {
  font-size: 16px;
}
.popup-contant .popup-text-price b {
  font-size: 15px;
  color: #eabd07;
}
.popup-contant .popup-text-price em {
  font-size: 26px;
  color: #eabd07;
}
.popup-contant .popup-saler-button {
  margin-bottom: 15px;
}
.popup-contant .popup-saler-button button {
  width: 40%;
  color: #fff;
  font-size: 17px;
  padding: 10px 0;
  background: #eabd07;
  border: none;
}
.popup-contant .popup-close {
  margin-top: 20px;
}
.popup-contant .popup-close img {
  width: 35px;
  height: 35px;
}
.grids-contant {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.grids-contant:before {
  content: '';
  position: absolute;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #cfcfcf;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.grids-contant .grids-grid:nth-child(3n):before {
  border-right-width: 0;
}
.grids-contant .grids-grid {
  display: inline-block;
  position: relative;
  float: left;
  padding: 25px 10px;
  width: 33.333333%;
  box-sizing: border-box;
}
.grids-contant .grids-grid:before {
  content: '';
  position: absolute;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.grids-contant .grids-grid .grids-grid-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto;
}
.grids-contant .grids-grid .grids-grid-icon img {
  width: 100%;
  height: 100%;
}
.grids-contant .grids-grid .grids-grid-label {
  padding-top: 10px;
  display: block;
  text-align: center;
  color: #000;
  font-size: 14px;
}
.grids-contant3 {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 0 15px;
}
.grids-contant3:before {
  content: '';
  position: absolute;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border: 1px solid #cfcfcf;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.grids-contant3 .grids-grid:nth-child(3n):before {
  border-right-width: 0;
}
.grids-contant3 .grids-grid3 {
  display: inline-block;
  position: relative;
  float: left;
  width: 33.33333333%;
  box-sizing: border-box;
}
.grids-contant3 .grids-grid3:before {
  content: '';
  position: absolute;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.grids-contant3 .grids-grid3 .grids-grid3-cont {
  padding: 10px 0;
  margin: 10px 5px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.grids-contant3 .grids-grid3 .grids-grid3-cont .grids-grid-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.grids-contant3 .grids-grid3 .grids-grid3-cont .grids-grid-icon img {
  width: 50px;
  height: 50px;
}
.grids-contant3 .grids-grid3 .grids-grid3-cont .grids-grid-label {
  display: block;
  text-align: center;
  color: #000;
  font-size: 14px;
}
.grids-contant3 .grids-grid3 .grids-grid3-cont .grids-grid-num {
  display: block;
  text-align: center;
  color: #3598dc;
  font-size: 16px;
}
.pupop-province {
  background: rgba(0, 0, 0, 0.5);
  height: 500px;
  position: relative;
}
.pupop-province ul {
  background: #fff;
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.pupop-province ul li {
  width: 30px;
  margin: 10px 15px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  float: left;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.pupop-province ul li.active {
  background: #3598dc;
  color: #fff;
}
.recommend-car {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 15px;
}
.recommend-car:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(207, 207, 207, 0.95);
  color: rgba(207, 207, 207, 0.95);
  transform-origin: 0 0;
  transform: scaleY(0.501);
}
.recommend-car .feature-title {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #333;
}
.recommend-car a {
  display: inline-block;
  position: relative;
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.recommend-car a:before {
  content: '';
  position: absolute;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.recommend-car a .recommend-cont {
  margin: 5px;
  border: 1px solid #cfcfcf;
}
.recommend-car a .recommend-cont .recommend-pic {
  width: 100%;
  margin: 0 auto;
}
.recommend-car a .recommend-cont .recommend-pic img {
  width: 100%;
  height: auto;
}
.recommend-car a .recommend-cont .recommend-label {
  display: block;
  text-align: left;
  color: #000;
  font-size: 10px;
  padding-left: 5px;
}
.recommend-car a .recommend-cont .recommend-price {
  display: block;
  text-align: left;
  color: #333;
  font-size: 10px;
  padding-left: 5px;
  margin-bottom: 10px;
}
.recommend-car a .recommend-cont .recommend-price i {
  color: #ff480a;
}
.show-home-tabtitle {
  position: relative;
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
  text-align: center;
  color: #999;
}
.show-home-tabtitle:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(177, 177, 177, 0.95);
  color: rgba(177, 177, 177, 0.95);
  transform-origin: 0 100%;
  transform: scaleY(0.501);
}
.show-home-tabtitle .show-home-tabactive {
  color: #3598dc;
}
.show-home-tabtitle span {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding: 0 10px;
  color: #333;
}
.show-home-tabcont {
  padding: 0 15px;
}
.show-home-tabcont .show-home-slide {
  display: none;
}
.show-home-tabcont .show-home-slide:first-child {
  display: block;
}
.news-pictext {
  width: 100%;
  position: relative;
  line-height: 0;
}
.news-pictext img {
  width: 100%;
}
.news-pictext p {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  padding-left: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0px;
  left: 0;
}
.divider-bar {
  width: 100%;
  height: 10px;
  background: #F5F5F5;
}
* {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
em,
i {
  font-style: normal;
}
.column li {
  margin: 6px 0 0 !important;
}
.border-line {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.indicator {
  padding-left: 10px;
}
.indicator .indicator-light {
  margin-top: 11px;
  height: 40px;
  width: 100%;
  display: inline-flex;
  display: -webkit-inline-flex;
}
.indicator-light-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background: yellowgreen;
}
.indicator-light-desc {
  flex: 1;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.indicator-light-desc h3 {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.indicator-light-desc span {
  background: salmon;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 10px;
  height: 9px;
  width: 14px;
}
.journal li {
  padding: 0 10px;
}
.journal li img {
  width: 100%;
  height: 100%;
  display: block;
}
.journal li p {
  line-height: 52px;
  font-size: 15px;
  padding-left: 6px;
}
.journal li div {
  display: inline-flex;
  display: -webkit-inline-flex;
  padding-left: 6px;
  padding-bottom: 32px;
}
.journal li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: teal;
  margin-right: 8px;
}
.journal li em {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.car-diary {
  background: #F5F5F5;
  padding-top: 10px;
}
.car-diary li {
  margin: 6px 15px 0;
  background: #fff;
  height: 39px;
  line-height: 39px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.car-diary li div {
  font-size: 12px;
  display: inline-flex;
  display: -webkit-inline-flex;
}
.car-diary li div i {
  margin: 0 10px;
}
.car-diary li div em {
  margin-right: 33px;
}
.car-diary li p {
  font-size: 14px;
}
.time-record {
  background: #F5F5F5;
  padding-top: 10px;
  font-weight: 500;
}
.time-record li {
  margin: 6px 15px 0;
  background: #fff;
  height: 39px;
  line-height: 39px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.time-record li div {
  font-size: 14px;
  display: flex;
  display: -webkit-flex;
}
.time-record li div i {
  -webkit-flex: 1;
  flex: 1;
  font-size: 14px;
  padding-left: 10%;
}
.time-record li div em {
  -webkit-flex: 1;
  flex: 1;
}
.time-record li div p {
  -webkit-flex: 1;
  flex: 1;
  position: relative;
}
.time-record li div p i {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 17px;
  height: 15px;
  margin-left: 15%;
  background: #007AFF;
}
.activity-list {
  padding-top: 10px;
  background: #F5F5F5;
  padding-bottom: 30px;
}
.activity-list li {
  margin: 0 15px;
  display: flex;
  display: -webkit-flex;
}
.activity-list li .activity-list-icon {
  width: 102px;
  height: 73px;
  background: yellowgreen;
  margin-right: 10px;
}
.activity-list li .activity-list-desc {
  flex: 1;
  -webkit-flex: 1;
}
.activity-list li .activity-list-desc h3 {
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.activity-list li .activity-list-desc p {
  margin-top: 4px;
  font-size: 9px;
  height: 35px;
  margin-bottom: 2px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.activity-list li .activity-list-desc div {
  font-size: 8px;
}
.table,
tbody {
  width: 100%;
  font-size: 14px;
}
.table th,
tbody th {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  height: 39px;
  background: #fafafa;
  color: #007AFF;
}
.table td,
tbody td {
  height: 80px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
}
.table td i,
tbody td i {
  display: block;
  width: 26px;
  height: 26px;
  margin: 0 auto;
  background: #0000FF;
}
.table td.on,
tbody td.on {
  color: green;
}
.collect-list {
  padding-top: 10px;
  background: #F5F5F5;
  padding-bottom: 30px;
}
.collect-list li {
  background: #FFF;
  margin: 0 15px;
  display: flex;
  display: -webkit-flex;
}
.collect-list li .collect-list-icon {
  width: 102px;
  height: 74px;
  background: yellowgreen;
  margin-right: 10px;
}
.collect-list li .collect-list-desc {
  flex: 1;
  -webkit-flex: 1;
}
.collect-list li .collect-list-desc h3 {
  margin-top: 5px;
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 30px;
  height: 30px;
}
.collect-list li .collect-list-desc p {
  height: 30px;
  font-size: 9px;
  line-height: 30px;
  color: red;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.subhead {
  margin: 0 15px;
}
.subhead p {
  font-size: 18px;
  font-weight: 500;
  line-height: 56px;
  height: 56px;
}
.subhead div {
  height: 44px;
  line-height: 44px;
}
.subhead div em {
  font-size: 12px;
}
.subhead div span {
  float: right;
  font-size: 14px;
}
.article {
  margin: 0 15px;
}
.article p {
  font-size: 13px;
  color: #ccc;
  line-height: 27px ;
}
.article img {
  width: 100%;
}
.guide {
  margin: 0 15px;
  color: #000;
}
.guide h3 {
  text-align: center;
  font-size: 16px;
  line-height: 59px;
}
.guide p {
  font-size: 14px;
  line-height: 24px;
}
.item-phone {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 16px;
}
.item-phone-title {
  padding-top: 10px;
  padding-bottom: 5px;
  display: flex;
  font-weight: normal;
  font-size: 16px;
}
.item-phone-sub {
  white-space: nowrap;
  font-size: 14px;
  padding-right: 15px;
  color: #888;
}
.item-phone-map {
  padding-left: 15px;
  text-align: center;
}
.item-phone-icon {
  width: 32px;
  height: 23px;
}
.item-lodge-yellow {
  font-size: 14px;
  color: #f85858;
  font-weight: normal;
}
.item-lodge-red {
  font-size: 16px;
  color: #e84c3d;
  font-weight: 500;
}
.item-lodge-click {
  display: block;
  width: 50%;
}
.item-lodge-nta {
  white-space: nowrap;
  font-size: 12px;
}
.item-phone-head {
  font-size: 14px;
}
.item-inquiry {
  text-align: center;
}
.item-inquiry div {
  padding: 15px 20px;
  text-align: left;
}
.item-inquiry-ip {
  width: auto;
  background-color: #fff;
  border: none;
  color: #9f9f9f;
  font-size: 14px;
  padding-left: 10px;
}
.item-inquiry label {
  font-size: 14px;
}
.item-inquiry-btn {
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #3598dc;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  width: 90%;
}
.item-call {
  text-align: center;
}
.item-call h1 {
  padding: 20px 0;
  font-size: 16px;
}
.item-urgent .panel-cont-finance {
  padding: 1px 20px;
}
.item-urgent-s .panel-cont-finance {
  padding: 15px 20px;
}
.item-urgent .panel-cont-left img {
  width: 50px;
  height: 50px;
}
.item-urgent .panel-cont-right h2 {
  color: #333;
  font-size: 14px;
}
.item-urgent .panel-cont-right h3 {
  color: #999;
  font-size: 16px;
  margin-top: 5px;
}
.item-manual-list li {
  font-size: 14px;
  color: #666666;
  padding: 15px 30px;
  text-overflow: ellipsis;
  hite-space: nowrap;
  overflow: hidden;
}
.item-limit-title {
  padding: 80px;
  text-align: center;
}
.item-limit-title .item-limit-left {
  position: absolute;
  left: 50%;
  top: 12%;
  width: 180px;
  margin-left: -100px;
  display: flex;
  text-align: center;
}
.item-limit-title .item-limit-left h3 {
  padding-right: 10px;
  color: #fff;
  font-size: 160px;
  font-weight: normal;
}
.item-limit-title .item-limit-left h4 {
  padding-left: 10px;
  color: #fff;
  font-size: 160px;
  font-weight: normal;
}
.item-limit-title .item-limit-left h5 {
  width: 20px;
  height: 120px;
  position: absolute;
  top: 70px;
  left: 85px;
  border-right: 2px dotted #fff;
}
.item-limit-title h2 {
  color: #fff;
  font-weight: normal;
  font-size: 24px;
}
.item-mark-text {
  display: flex;
  text-align: center;
}
.item-mark-text .item-mark-top {
  color: #333;
}
.item-mark-text .item-mark-bot {
  color: #3598dc;
}
.item-mark-text li {
  width: 33.333333%;
  padding: 19px 20px;
}
.item-make-table table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.item-make-table table th {
  border-top: none;
  color: #3598dc;
  background-color: #f8f7f7;
}
.item-make-table table td {
  color: #676767;
}
.recommend-car-lzy {
  padding: 0;
}
.recommend-car-lzy h2 {
  color: #f36142;
  padding: 20px 0;
}
.recommend-car-lzy .feature-title {
  color: #f36142;
  font-size: 16px;
  margin-bottom: 0;
}
.recommend-car-lzy a .recommend-cont {
  border: none;
}
.recommend-car-lzy a .recommend-cont .recommend-label {
  padding-left: 15px;
}
.recommend-car-lzy a .recommend-cont .recommend-price {
  padding-left: 15px;
}
.header .current-city .icon-set {
  right: 22px;
}
.nav-tabbar-tab .tab-button {
  color: #f36142;
}
.nav-tabbar-tab {
  width: 90%;
  overflow: hidden;
  border: 1px solid #f36142;
  margin: 5%;
  border-radius: 4px;
  position: relative;
}
.nav-tabbar-tab .active {
  background-color: #fd5a1e;
  color: #fff;
}
.nav-tabbar-tab .tab-button:before {
  margin-top: 0;
  height: 43px;
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  border-right: 2px solid #f36142;
  color: #f36142;
  transform-origin: 100% 0;
  transform: scaleX(0.5);
}
.item-tnp-tab {
  margin-top: 10px;
  display: flex;
}
.item-tnp-tab .thumbnail {
  padding: 0;
  margin-bottom: 0;
}
.item-tnp-tab .name {
  padding-top: 10px;
  text-align: left;
}
.item-tnp-tab .price {
  text-align: left;
}
.nav-tab-content-tab {
  margin-top: 24px;
}
.item-order-list {
  padding: 10px 15px;
  display: flex;
}
.item-order-list .item-order-num {
  display: flex;
  width: 60%;
  color: #333;
  font-size: 13px;
}
.item-order-list .item-order-suc {
  font-size: 13px;
  width: 40%;
  color: #e94c3c;
  text-align: right;
}
.item-ware-list .panel-cont-right h2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  height: 48px;
  font-size: 14px;
  color: #333333;
}
.item-ware-list .panel-cont-right h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  color: #666666;
  font-size: 12px;
  margin-top: 5px;
}
.item-ware-list .panel-cont-right p {
  padding-top: 14px;
  height: 35px;
  color: #e84c3d;
  font-size: 12px;
}
.item-ware-list .panel-cont-right p em {
  padding-top: 14px;
  height: 35px;
  color: #e84c3d;
  font-size: 18px;
}
.item-ware-list .panel-cont-left img {
  width: 130px;
  height: 75px;
}
.panel-cont-right h3 a{
  border: 1px solid #ddd;
  font-size: 11px;
  border-radius: 3px;
  padding: 1px 4px;
  margin-left:40px
}
.panel-cont-right h3 span {
  color:#F00;
  text-align: right;
}
.item-settle-lest {
  padding: 10px 15px;
  display: inline-block;
  text-align: right;
  width: 100%;
}
.item-settle-lest span {
  color: #666666;
  font-size: 13px;
}
.item-settle-lest i {
  color: #e84c3d;
  font-size: 12px;
}
.item-settle-lest em {
  font-size: 16px;
  color: #e84c3d;
}
.item-introduce {
  padding: 30px;
  text-align: center;
}
.item-introduce h2 {
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
}
.item-introduce p {
  padding: 5px 0;
  text-align: justify;
  color: #666666;
  font-size: 14px;
}
.address-module .address-right p:nth-child(1) img {
  width: auto;
}
.item-nous {
  display: flex;
}
.item-nous a {
  width: 50%;
  text-align: center;
}
.item-nous a img {
  width: 90%;
}
.item-nous p {
  font-size: 13px;
  padding-bottom: 20px;
}
.item-chat-table table th {
  color: #ff5858;
  font-weight: normal;
  border-right: none;
}
.toolbar-c .txt-city-bj {
  display: block;
  height: 32px;
  color: #fff;
}
.toolbar-c .icon {
  position: absolute;
  top: -1px;
  right: -20px;
  width: 35px;
  height: 35px;
  background-size: 38px;
}
.toolbar-c .item-traffic {
  position: absolute;
  top: 5px;
  right: 20px;
}
.toolbar-c .bar-button {
  position: absolute;
  z-index: 1;
  display: block;
  width: 56px;
  height: 32px;
  line-height: 30px;
  font-size: 14px;
  border: none;
  box-shadow: none;
  background: none;
}
.address-module .address-ad {
  display: flex;
}
.address-module .address-ad p:nth-child(2) i {
  color: #f36142;
  font-size: 14px;
}
.address-module .address-ad p:nth-child(1) img {
  padding-top: 5px;
  padding-right: 4px;
  width: auto;
  height: 19px;
}
.address-tab {
  background-color: #f2f2f2;
}
.btn-orange {
  background-color: #fd5a1e;
  border-radius: 2px;
}
.item-radio-bar .icon-radio.checked {
  border-color: #f36142;
}
.item-radio-bar .icon-radio.checked:before {
  background: #f36142;
}
.nav-orange-tab {
  position: relative;
  margin: 5% 15%;
  width: 70%;
}
.lzy-clear-p10 {
  padding-top: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #fff;
}
.lzy-clear-p10 .nav-tabbar-tab {
  position: relative;
  height: 38px;
}
.lzy-clear-p10 .nav-tabbar-tab .tab-button {
  max-width: inherit;
  font-size: 14px;
}
.news-hero a .hero-pic {
  display: block;
  width: 100%;
}
.news-detail {
  position: relative;
  padding: 15px;
  color: #333;
}
.news-detail .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
}
.news-detail .news-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 26px;
  margin: 10px 0;
  font-size: 15px;
  color: #999999;
}
.news-detail .news-info .data {
  width: 50%;
}
.news-detail .news-info .publi {
  width: 50%;
  text-align: right;
}
.news-page-text {
  padding: 0 15px 30px 15px;
}
.news-page-text p {
  padding-top: 20px;
  color: #333333;
  font-size: 16px;
}
.news-page-text p .xiazai {
	color:#00F;

}
.news-page-text .hero-pic {
  width: 100%;
  display: block;
}
.news-detail-page .title {
  font-size: 18px;
}
.news-detail-page .news-info .publi {
  font-size: 14px;
}
.item-guide {
  padding: 20px;
}
.item-guide .item-guide-down {
  padding-top: 10px;
  font-size: 14px;
  color: #999999;
}
.item-guide h3 {
  padding-bottom: 10px;
  font-weight: normal;
  color: #333333;
}
.item-guide p {
  color: #666666;
  padding-bottom: 10px;
  font-size: 14px;
}

.nav-tabbar-tab .tab-button {
  line-height: 30px;
}
.car-font .nav-tabbar-tab .tab-button {
  max-width: inherit;
  font-size: 14px;
}
.item-bin {
  background-color: #f5f5f5;
}
.item-bin-form {
  display: flex;
  margin: 5% 5%;
}
.item-bin-form .item-bin-box {
  width: 90%;
}
.item-bin-form .item-bin-vin {
  position: relative;
  width: 100%;
  border: none;
  height: 40px;
  padding-left: 5px;
}
.item-bin-btn {
  text-align: center;
}
.item-bin-btn .item-bin-confirm {
  width: 60%;
  background-color: #f36142;
  border: none;
  color: #fff;
  font-size: 16px;
  padding: 10px 0;
}
.item-bin-img {
  margin-left: 10px;
  text-align: right;
}
.item-bin-img img {
  width: 74px;
  display: block;
}
.item-bin-link a {
  height: 35px;
  line-height: 35px;
  margin-left: 10px;
  color: #f36142;
  padding-bottom: 4px;
  border-bottom: 1px solid #f36142;
  font-size: 14px;
}
.item-bin-btn {
  margin: 20px 0;
}
.item-bin-link {
  width: 30%;
  overflow: hidden;
  height: 40px;
}
.item-bin-no {
  color: #f36142;
  padding-bottom: 4px;
  border-bottom: 1px solid #f36142;
  font-size: 14px;
  margin-left: 5px;
}
.sub-bar-color .tab-button {
  color: #f36142;
}
.item-exhibition {
  display: flex;
}
.item-exhibition .item-exhibition-title {
  width: 75%;
  padding: 20px;
}
.item-exhibition .item-exhibition-title h2 {
  padding-bottom: 10px;
  font-size: 16px;
  color: #000000;
}
.item-exhibition .item-exhibition-title p {
  font-size: 14px;
  color: #333333;
}
.item-exhibition .item-exhibition-title p em {
  color: #f36142;
}
.item-exhibition .item-exhibition-h {
  width: 20%;
  text-align: center;
  margin-top: 20px;
  margin-right: 20px;
  height: 38px;
  line-height: 30px;
  padding: 4px 5px;
  color: #007aff;
  border: 1px solid #007aff;
  border-radius: 2px;
  font-size: 13px;
}
.item-exhibition-centre {
  padding-bottom: 20px;
  text-align: center;
}
.item-exhibition-centre button {
  width: 50%;
  padding: 10px 10px;
  color: #ffffff;
  background-color: #f36142;
  font-size: 16px;
  border-radius: 4px;
  border: none;
}
.item-exhibition-les {
  padding: 3% 5%;
  display: flex;
}
.item-exhibition-les h2 {
  width: 55%;
  padding-left: 2%;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  color: #333333;
  font-size: 18px;
  font-weight: normal;
  border-left: 4px solid #f36142;
}
.item-exhibition-les span {
  padding-right: 4%;
  text-align: right;
  width: 45%;
  color: #f36142;
}
.item-ware-list .item-exhibition-t p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  color: #999999;
}
.box-line-black {
  position: relative;
}
.box-line-black:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #999999;
  border-radius: 0;
  color: #999999;
  transform-origin: 0 0;
  transform: scale(0.501);
}
.box-line-click {
  position: relative;
}
.box-line-click:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #999999;
  border-radius: 0;
  color: #999999;
  transform-origin: 0 0;
  transform: scale(0.501);
  border-radius: 3px;
}
.item-anti-fake {
  margin: 10% 4%;
  display: flex;
}
.item-anti-fake .item-anti-in {
  width: 100%;
  height: 38px;
  line-height: 38px;
}
.item-anti-fake .item-anti-in input {
  font-size: 12px;
  padding-left: 5px;
  float: left;
  width: 73%;
  height: 38px;
  position: relative;
}
.item-anti-fake .item-anti-in button {
  background-color: #f36142;
  width: 27%;
  height: 38px;
  line-height: 38px;
  border: none;
  color: #fff;
  font-size: 16px;
}
.item-anti-fake .item-anti-bt {
  margin-left: 10px;
  height: 40px;
  width: 13%;
}
.item-explain {
  padding: 30px 20px;
}
.item-explain h2 {
  font-weight: normal;
  font-size: 14px;
  padding-bottom: 10px;
}
.item-explain li {
  padding-bottom: 6px;
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
}
.address-title .address-left p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  padding-right: 10px;
}
.address-title .address-right {
  padding-left: 10px;
  padding-top: 20px;
}
.address-title .address-right p i {
  font-size: 12px;
  color: #616161;
}
.address-title .address-right p:nth-child(2) i {
  color: #616161;
}
.address-title .address-right p:nth-child(1) img {
  height: 20px;
}
.item-spacing {
  padding: 20px;
}
.item-spacing h2 {
  font-weight: 500;
  font-size: 14px;
}
.item-spacing h2 em {
  padding-left: 40px;
  font-weight: normal;
}
.item-spacing p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  padding-top: 4px;
  font-size: 14px;
}
.item-click {
  position: relative;
  width: 70px;
  height: 20px;
  bottom: -6px;
  right: -75px;
  border-radius: 3px;
  display: flex;
}
.item-click .item-click1 {
  width: 40%;
}
.item-click .item-click2 {
  font-size: 12px;
  overflow: hidden;
  text-align: center;
  width: 50%;
}
.item-click .item-click3 {
  width: 40%;
}
.panel-cont-finance .item-ma-l {
  margin-right: 10px;
  margin-left: 10px;
}
.panel-cont-finance .item-ma-l img {
  width: 113px;
  height: 85px;
}
.item-choice {
  left: 0;
  bottom: -31px;
  position: relative;
}
.item-submit-sub {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFF;
}
.item-submit-sub span {
  color: #5a5a5a;
  padding-top: 15px;
  padding-left: 20px;
  display: flex;
  width: 72%;
}
.item-submit-sub span em {
  padding-left: 10px;
  color: #f36142;
}
.item-submit-sub span i {
  margin-right: 10px;
  padding-right: 10px;
}
.item-submit-sub span i b {
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  position: relative;
  top: -4px;
  left: 12px;
  background: #f36142;
  border-radius: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  display: block;
}
.item-submit-sub button {
  height: 50px;
  padding: 10px 15px;
  border: none;
  color: #fff;
  font-size: 14px;
  background-color: #f36142;
  flex: 1;
}
.sub-bar-color {
  background: #fff;
  position: fixed;
  bottom: 0;
}
.item-tc .item-color .btn-color {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 6px;
  border-radius: 50%;
  background: #ccc;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 1px;
  overflow: hidden;
}
.item-tc .item-color .btn-color.active {
  width: 24px;
  height: 24px;
  margin: 0 4px;
  overflow: hidden;
}
.item-phone-clear {
  background: none;
  height: auto;
  padding-left: 0;
}
.item-phone-clear .item-phone-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  padding-right: 20px;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
}
.item-phone-clear .item-phone-sub em {
  color: #f36142;
}
.item-waterfall .item-inner1 {
  width: 49.5%;
  height: 90px;
  float: left;
  margin-right: .5%;
}
.item-waterfall .item-inner2 {
  width: 50%;
  float: left;
  height: 90px;
}
.item-waterfall .item-inner3 {
  width: 50%;
  height: 90px;
}
.item-waterfall .item-inner4 {
  width: 50%;
  height: 90px;
}
.item-waterfall .item-inner5 {
  width: 50%;
  height: 90px;
}
.item-waterfall .item-inner6 {
  width: 50%;
  height: 90px;
}
.item-product .product-inner .detail {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
}
.top-tab {
  padding-top: 200px;
}
.Top-location {
  padding-top: 0;
  overflow:hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #fff;
}
.Top-location .nav-tabbar-tab {
  height: 38px;
}
.Top-location .nav-tabbar-tab .tab-button {
  font-size: 14px;
}
.text-club {
  text-align: center;
  color: #f36142;
  width: 100%;
  display: inline-block;
}
.name-choice {
  position: absolute;
  right: 0;
  display: flex;
  width: 35%;
}
.jinrong {
  font-size: 15px;
  color: #333333;
}
.jinrong .select {
  width: 90%;
  margin: 0 auto;
}
.jinrong select {
  border: 1px solid rgba(207, 207, 207, 0.75);
  margin-bottom: 22px;
  padding-left: 15px;
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  border-radius: 5px;
}
.jinrong .xh {
  height: 54px;
  line-height: 54px;
}
.jinrong .xh span {
  display: inline-block;
  margin-left: 30px;
}
.jinrong .xh em {
  padding-right: 30px;
  float: right;
  color: #e84c3d;
  font-size: 12px;
}
.jinrong .xh em i {
  font-size: 18px;
}
.jinrong h4 {
  height: 58px;
  line-height: 58px;
  color: #f36142;
  text-indent: 15px;
}
.jinrong .back5 {
  background: url("../images/icon5.png") !important;
  background-size: 18px 18px !important;
}
.jinrong .active {
  display: block !important;
}
.jinrong .list,
.jinrong .list1 {
  display: none;
  margin-left: 30px;
  margin-top: 15px;
}
.jinrong .list li,
.jinrong .list1 li {
  white-space: nowrap;
  width: 163px;
  line-height: 43px;
  display: inline-block;
}
.jinrong .list li span,
.jinrong .list1 li span {
  background: url("../images/icon1.png");
  background-size: 18px 18px;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-top: -2px;
  margin-right: 8px;
}
.jinrong .zhidaojia {
  display: flex;
  clear: both;
  width: 100%;
  height: 35px;
  margin-top: 20px;
  line-height: 35px;
}
.jinrong .zhidaojia span {
  text-align: justify;
  width: 100px;
  float: left;
  margin-left: 15px;
  margin-right: 9px;
}
.jinrong .zhidaojia em {
  flex: 1;
  margin-right: 30px;
  float: left;
  border: 1px solid #ccc;
  text-indent: 15px;
  width: 259px;
}
.jinrong .daikuanqixian {
  display: flex;
  text-align: justify;
}
.jinrong .daikuanqixian span {
  width: 99px;
  float: left;
  height: 35px;
  line-height: 35px;
  margin-left: 15px;
  margin-top: 22px;
  margin-right: 9px;
}
.jinrong .daikuanqixian select {
  flex: 1;
  margin-right: 30px;
  float: left;
  border: 1px solid #ccc;
  text-indent: 15px;
  width: 259px;
}
.jinrong .jiage {
  height: 50px;
  width: 100%;
  line-height: 50px;
}
.jinrong .jiage div {
  width: 200px;
  float: right;
  text-align: right;
  margin-right: 15px;
}
.jinrong .jiage div span {
  color: #e84c3d;
  font-size: 12px;
}
.jinrong .jiage div span em {
  font-size: 18px;
}
.jinrong .zhushi {
  clear: both;
  float: right;
  width: 200px;
  margin-right: 15px;
  font-size: 10px;
  line-height: 15px;
}
.baoxian {
  font-size: 15px;
  color: #333333;
}
.baoxian .select {
  width: 90%;
  margin: 0 auto;
}
.baoxian select {
  padding-left: 15px;
  border: 1px solid rgba(207, 207, 207, 0.95);
  margin-bottom: 22px;
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  border-radius: 5px;
}
.baoxian .xh {
  height: 54px;
  line-height: 54px;
}
.baoxian .xh span {
  display: inline-block;
  margin-left: 30px;
}
.baoxian .xh em {
  padding-right: 30px;
  float: right;
  color: #e84c3d;
  font-size: 12px;
}
.baoxian .xh em i {
  font-size: 18px;
}
.baoxian h4 {
  background: #f5f5f5;
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  text-indent: 30px;
}
.baoxian .list,
.baoxian .list-checkbox {
  display: flex;
}
.baoxian .list .back2,
.baoxian .list-checkbox .back2 {
  background: url("../images/icon6.png") !important;
  background-size: 18px 18px !important;
}
.baoxian .list .back5,
.baoxian .list-checkbox .back5 {
  background: url("../images/icon5.png") !important;
  background-size: 18px 18px !important;
}
.baoxian .list .list-left,
.baoxian .list-checkbox .list-left {
  flex: 1;
}
.baoxian .list .list-left p,
.baoxian .list-checkbox .list-left p {
  position: relative;
  height: 49px;
  line-height: 49px;
  color: #333;
  padding-left: 30px;
}
.baoxian .list .list-left p span,
.baoxian .list-checkbox .list-left p span {
  background: url("../images/icon2.png");
  background-size: 18px 18px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.baoxian .list .list-left ul,
.baoxian .list-checkbox .list-left ul {
  margin-left: 30px;
}
.baoxian .list .list-left ul li,
.baoxian .list-checkbox .list-left ul li {
  line-height: 43px;
  margin-right: 10px;
  float: left;
  white-space: nowrap;
}
.baoxian .list .list-left ul li span,
.baoxian .list-checkbox .list-left ul li span {
  background: url("../images/icon1.png");
  background-size: 18px 18px;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-top: -2px;
  margin-right: 8px;
}
.baoxian .list .list-left ul li .add-,
.baoxian .list-checkbox .list-left ul li .add- {
  margin: 13px 0;
  display: flex;
}
.baoxian .list .list-left ul li .add- i,
.baoxian .list-checkbox .list-left ul li .add- i {
  width: 25px;
  height: 25px;
  margin-top: 0;
}
.baoxian .list .list-left ul li .add- i:first-child,
.baoxian .list-checkbox .list-left ul li .add- i:first-child {
  background: url("../images/icon3.png");
  background-size: 25px 25px;
  margin-right: 0;
}
.baoxian .list .list-left ul li .add- strong,
.baoxian .list-checkbox .list-left ul li .add- strong {
  margin: 0 11px;
  flex: 1;
  line-height: 25px;
  text-align: center;
  height: 25px;
  border: 1px solid #ccc;
}
.baoxian .list .list-left ul li .add- i:last-child,
.baoxian .list-checkbox .list-left ul li .add- i:last-child {
  background: url("../images/icon4.png");
  background-size: 25px 25px;
}
.baoxian .list strong,
.baoxian .list-checkbox strong {
  width: 68px;
}
.baoxian .jiage {
  height: 50px;
  width: 100%;
  line-height: 50px;
}
.baoxian .jiage div {
  width: 220px;
  float: right;
}
.baoxian .jiage div span {
  color: #e84c3d;
  font-size: 12px;
}
.baoxian .jiage div span em {
  font-size: 18px;
}
.baoxian .zhushi {
  clear: both;
  float: right;
  margin-right: 15px;
  font-size: 10px;
  width: 200px;
  line-height: 15px;
}
.baoxian .list .list-left p,
.baoxian .list-checkbox .list-left p {
  position: relative;
  height: 49px;
  line-height: 49px;
  color: #333;
  padding-left: 30px;
}
.val {
  font-size: 15px;
  color: #e84c3d;
  width: 67px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  text-align: center;
  line-height: 20px;
}
.baoxian .list .list-left .list-blame span {
  background: url("../images/icon6.png");
  background-size: 18px 18px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.jiage-bj {
  background: #f5f5f5;
}
.item-tnp {
  width: 100%;
  padding: 0;
  float: left;
  display: inline-block;
}
.list-in h1 {
  font-weight: normal;
  border-left: 3px solid #f36142;
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  margin: 15px;
  padding-left: 10px;
}
.list-in .item {
  display: block;
  padding: 15px;
}
.list-in .item span {
  color: #999999;
}
.list-in .item h2 {
  font-size: 14px;
  color: #f36142;
  font-weight: normal;
}
.list-in .item p {
  font-size: 14px;
  color: #666;
}
.item-figure span {
  font-size: 14px;
  color: #900;
}
.item-figure span em {
  padding-left: 4px;
  color: #f36142;
}
/* New*/
.item-lodge {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.item-lodge-img {
  padding-right: 20px;
  width: 55px;
  text-align: left;
}
.item-lodge-img img {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
}
.item-lodge-click {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.item-lodge-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 20px 0 20px 20px;
}
.aui-list-cells {
  background-color: #FFFFFF;
  line-height: 1.41176471;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.aui-list-cell {
  padding: 14px 15px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.aui-list-cell-fl {
  width: 20px;
  height: 20px;
}
.aui-list-cell-fl img {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
}
.aui-list-cell:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.aui-list-cell-cn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-size: 13px;
  padding-top: 3px;
  padding-left: 10px;
}
.aui-list-cell-fr {
  font-size: 11px;
  text-align: right;
  color: #999999;
  padding-right: 13px;
  position: relative;
}
.aui-cell-s {
  padding: 10px 15px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.aui-cell-input {
  padding: 10px 15px 1px 15px;
}
.aui-cell-inputs {
  border-radius: 5px;
  background: #f0efef;
}
.aui-cell-inputs input {
  padding: 10px 5px;
  font-size: 12px;
  width: 100%;
}
.aui-cell-ci {
  padding: 10px 15px;
}
.aui-cell-ci h2 {
  font-size: 14px;
  font-weight: normal;
}
.aui-cell-ci p a {
  color: #1296db;
  padding-right: 10px;
  font-size: 14px;
}
.show-home-slide11 .item-tnp {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.show-home-slide11 .item-tnp .aui-item-im {
  width: 170px;
}
.show-home-slide11 .item-tnp .aui-item-im img {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
}
.btn-ss {
  background: #efefef;
}
.btn-ss h1 {
  font-weight: normal;
  font-size: 18px;
  padding: 4px 20px;
}
.aui-item-aoi-che ul li {
  position: relative;
}
.aui-item-aoi-che ul li a {
  padding: 20px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.aui-item-aoi-che ul li a .aui-item-car-img {
  width: 50px;
}
.aui-item-aoi-che ul li a .aui-item-car-img img {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
}
.aui-item-aoi-che ul li a .aui-item-car-tie {
  padding-left: 15px;
  color: #333;
}
.aui-item-aoi-che ul li:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.scroll-tab-top {
  top: 44px;
}
.android .pane .content {
  top: 44px;
}
.scroll {
  position: absolute;
  z-index: 0;
  width: 100%;
  
}
.scroll-content {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*Radio Specific styles*/
input[type='radio']{ cursor: pointer;}
input[type='radio']:focus, input[type='radio' ]:active{outline: none;}
input[type='radio'] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  color: #666;

}
input[type='radio']:checked + label { color:#F00;!important;}
input[type='radio'] + label:before, input[type='radio'] + label:after{
  content: '';
  font-family: helvetica;
  display: inline-block;
  width: 20px;
  height:20px;
  left: 0;
  top: 0;
  text-align: center;
  position: absolute;
}
input[type='radio'] + label:before {background-color:transparent;}
input[type='radio'] + label:after {color:#F00;}
input[type='radio']:checked + label:before {
  -moz-box-shadow: inset 0 0 0 5px #fff;
  -webkit-box-shadow: inset 0 0 5px #fff;
  box-shadow: inset 0 0 0 5px #fff; 
  border:1px solid #F00;
  background-color:#F00;
}

input[type='radio'] + label:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border:1px solid #F00;
}

input[type='radio'] + label:hover:after {color:#F00;}
input[type='radio']:checked + label:after, input[type='radio']:checked + label:hover:after {color: #F00;}

/*checkbox Specific styles*/
input[type='checkbox']{ cursor: pointer;}
input[type='checkbox']:focus, input[type='checkbox' ]:active{outline: none;}
input[type='checkbox'] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  color: #666;

}
input[type='checkbox']:checked + label { color:#F00;!important;}
input[type='checkbox'] + label:before, input[type='checkbox'] + label:after{
  content: '';
  font-family: helvetica;
  display: inline-block;
  width: 20px;
  height:20px;
  left: 0;
  top: 0;
  text-align: center;
  position: absolute;
}
input[type='checkbox'] + label:before {background-color:transparent;}
input[type='checkbox'] + label:after {color:#F00;}
input[type='checkbox']:checked + label:before {
  -moz-box-shadow: inset 0 0 0 5px #fff;
  -webkit-box-shadow: inset 0 0 5px #fff;
  box-shadow: inset 0 0 0 5px #fff; 
  border:1px solid #F00;
  background-color:#F00;
}

input[type='checkbox'] + label:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border:1px solid #F00;
}

input[type='checkbox'] + label:hover:after {color:#F00;}
input[type='checkbox']:checked + label:after, input[type='checkbox']:checked + label:hover:after {color: #F00;}
ul.select{margin-top:30px}
ul.select li{height:46px; line-height:1.5; margin:0 0 20px 0}

.card_bottom{width:100%; position:absolute;  left:0; box-sizing:border-box; padding: 28px; }
.card_bottom a{color:#F00; cursor:pointer }
.card_bottom span{float:right; color:#909090}
.card_bottom span b{color:#666; font-weight:inherit}
textarea {line-height:1.5em;height:5.6em;width:100%;padding:.8em .6em;margin:1px 0;border-radius:0;background-color:white;border:1px solid #bfbfbf}

.header_bar{height:60px; line-height:60px; border-bottom:1px solid #C2DAF7; background:-webkit-gradient(linear, left top, left bottom, from(#ed1b23), to(#fd931a)); background:-moz-linear-gradient(top, #ed1b23, #fd931a); position:relative; zoom:1;text-align:center; color:#fff; font-size:18px; font-weight:600;
 }

.account{
	height: 60px;
	line-height: 60px;
	top: -1px;
	left:8px;
	max-width: 50%;
	position: absolute;
}